<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/maoyan.css">
</head>

<body>
    <!-- 导航 -->
    <nav>
        <div class="navaa flex">
            <div class="logo">
                <img src="img\logo.png" alt="">
            </div>
            <div class="cd">
                <p>成都&#128899;</p>
            </div>
            <div class="flex navA ">
                <div><a href="">首页</a></div>
                <div><a href="">电影</a></div>
                <div><a href="">影院</a></div>
                <div><a href="">演出</a></div>
                <div><a href="">榜单</a></div>
                <div><a href="">首页</a></div>
                <div><a href="">首页</a></div>
               
            </div>
            <div>
                <p>APP下载</p>
            </div>
            <div class="navInput">
                <input type="text" class="wb"placeholder="  搜索影视剧、演员、影院">
                <i></i>
            </div>
            <div>
                <img src="./img/user.png" alt="" width="40px">&#128899;
        </div>

        </div>
    </nav>

      <!-- 正在热映 -->
      <div class="ing flex">
        <!-- 正在热映左 -->
        <section class="ingBodyLeft">
                <div class="flex ingBodyLeftOne ">
                        <h2>正在热映(55部)</h2>
                        <a href="https://www.maoyan.com/films?showType=1">全部 ></a>
                </div>
                <div class="ingBodyLeftTwo flex">
                        <a href="https://www.maoyan.com/films/1187439">
                                <div>
                                        <div class="ingBodyLeftTwoImgOen BackImg flex">
                                                <p>侏罗纪世界3</p> <i>8<em>.0</em></i>
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="https://www.maoyan.com/films/1308364">
                                <div>
                                        <div class="ingBodyLeftTwoImgOen BackImg1 flex">
                                                <p>暗恋·橘生淮南</p> <i>8<em>.4</em></i>
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="https://www.maoyan.com/films/1298265">
                                <div>
                                        <div class="ingBodyLeftTwoImgOen BackImg2 flex">
                                                <p>坏蛋联盟</p> <i>9<em>.1</em></i>
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="https://www.maoyan.com/films/1205957">
                                <div class="noMargin">
                                        <div class="ingBodyLeftTwoImgOen BackImg3 flex">
                                                <p>人生大事</p> 
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="https://www.maoyan.com/films/1372606">
                                <div>
                                        <div class="ingBodyLeftTwoImgOen BackImg4 flex">
                                                <p>天才计划</p> <i>9<em>.6</em></i>
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="">
                                <div>
                                        <div class="ingBodyLeftTwoImgOen  BackImg5 flex">
                                                <p>哆啦A梦：大..</p> 
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="https://www.maoyan.com/films/1300821">
                                <div>
                                        <div class="ingBodyLeftTwoImgOen BackImg6 flex">
                                                <p>精灵旅行社..</p> <i>9<em>.0</em></i>
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                        <a href="https://www.maoyan.com/films/1383307">
                                <div class="noMargin">
                                        <div class="ingBodyLeftTwoImgOen BackImg7 flex">
                                                <p>边缘行者</p> <i>8<em>.9</em></i>
                                        </div>
                                        <div class="ingBodyLeftTwoOne">
                                                <span>购票</span>
                                        </div>
                                </div>
                        </a>
                </div>

        </section>
        <!-- 正在热映右 -->
        <aside class="ingRight">
                <h2>今日票房</h2>
                <a href="https://www.maoyan.com/films/341955">
                        <div class="ingRight1 border flex">
                                <div></div>
                                <div>
                                        <p>侏罗纪世界3</p>
                                        <legend>1108.57万</legend>
                                </div>
                        </div>
                </a>
                <a href="https://www.maoyan.com/films/338380">
                        <div class="ingRight2 flex">
                                <span> <i style="color: red;">2</i> 暗恋·橘生淮南</span>
                                <legend>224.6万</legend>
                        </div>
                </a>
                <a href="https://www.maoyan.com/films/1446115">
                        <div class="ingRight2 flex">
                                <span> <i style="color: red;">3</i>
                                        坏蛋联盟</span>
                                <legend>135.8万</legend>
                        </div>
                </a>
                <a href="https://www.maoyan.com/films/1433696">
                        <div class="ingRight2 flex">
                                <span> <i>4</i>
                                        天才计划</span>
                                <legend>32.4万</legend>
                        </div>
                </a>
                <a href="https://www.maoyan.com/films/1405863">
                        <div class="ingRight2 flex">
                                <span> <i>5</i>
                                        哆啦A梦：大熊的宇宙小...</span>
                                <legend>654.2万</legend>
                        </div>
                </a>
               
                <div class="ingRight3 flex border">
                        <div>
                                <p> 今 日 票 房 </p>
                        </div>
                        <div class="ingRight31">
                                <div class="flex">
                                        <p><b>7542.4</b> 万</p> <a
                                                href="https://piaofang.maoyan.com/dashboard">查看更多></a>
                                </div>
                                <div>
                                        <span>北京时间22:45:56</span>&nbsp; &nbsp;&nbsp;&nbsp;
                                        <span>猫眼专业版实时票房数据</span>
                                </div>
                        </div>

                </div>
        </aside>
</div>


</body>

</html>